<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@page contentType="text/html"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>MasterCard</title>
		<link type="text/css" href="css/styles.css" rel="stylesheet" />
		<script type="text/javascript">
		  WebFontConfig = {
			google: { families: [ 'Lato:100,300,400,700,900:latin' ] }
		  };
		  (function() {
			var wf = document.createElement('script');
			wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
			  '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
			wf.type = 'text/javascript';
			wf.async = 'true';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(wf, s);
		  })();
		</script>
	</head>
	<body id="interior">
		<div id="container">
			<div id="head">
				<img src="images/logoMC_small.png" alt="MasterCard" class="logo" />
				<h1>
					&iexcl;ERES UN GANADOR!
					<br />
					<small>Por utilizar tu tarjeta MasterCard&reg;</small>
				</h1>
				<a href="Logout.do" class="btn_salir">Salir</a>
			</div>
			
			<div id="content">
				<h1>${datos.nombre} ${datos.apellido}</h1>
				<h3>&iexcl;FELICIDADES!</h3>
				<p class="befor">
					Eres el ganador de un viaje a Buenos Aires, Argentina, donde podr&aacute;s disfrutar de un partido del Boca Jrs.
					<br /><br />
					<span>Haz clic para descargar tus boletos y la agenda de tu premio.</span>
				</p>
                                
                                <table class="premios" style="margin: auto; width:auto;" >
                                    <tr><td>
                                            <html:form action="/boleto.do" method="post" style="width: 49px; text-align: center;" >
                                                <html:hidden property="cve" value="${datos.id}"/>
                                                <html:hidden property="nombre" value="${datos.file_boleto}"/>
                                                <html:image src="images/ico_boletos.png" alt="Boletos" />
                                            </html:form >
                                        </td>
                                        <td style="width: 25px;">&nbsp;</td>
                                    <td>
                                            <html:form action="/agenda.do" method="post" style="width: 49px; text-align: center;">
                                                <html:hidden property="cve" value="${datos.id}"/>
                                                <html:hidden property="nombre" value="${datos.file_agenda}"/>
                                            <html:image src="images/ico_agenda.png" alt="Boletos" />
                                            </html:form>
                                        </td></tr>
                                </table>                                
                                
				<p class="after">
					DISFRUTA TU PREMIO
					<br />
					<small>y comp&aacute;rtenos tus experiencias</small>
				</p>
<!--				<ul class="foto_video">
					<li><a href="#"><img src="images/ico_foto.png" alt="Subir foto" /></a></li>
					<li><a href="#"><img src="images/ico_video.png" alt="Subir Video" /></a></li>
				</ul>-->
			</div>
		</div>
		
		
		
		<div id="footer">
			&copy; 2012 MasterCard International Incorporated
		</div>
	</body>
</html>
